<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>jQuery表单input框选择器</title>
    <meta charset="utf-8">
   
</head>
<body>
    <!--定义表单-->
    <form id="myForm" action="">
        用户名：
            <input type="text" name="username"/><br><br>
        密&nbsp;&nbsp;码：
            <input type="password" name="password"/><br><br>
        性&nbsp;&nbsp;别：
            <input type="radio" name="gender" value="1" checked/>男
            <input type="radio" name="gender" value="0"/>女<br><br>
        照&nbsp;&nbsp;片：
            <input type="file" name="photo"/><br><br>
        兴&nbsp;&nbsp;趣：
            <input type="checkbox" name="interest" value="music" checked/>音乐
            <input type="checkbox" name="interest" value="food"/>美食
            <input type="checkbox" name="interest" value="travel"/>旅游
            <input type="checkbox" name="interest" value="shopping"/>购物
            <br><br>
            <input type="submit" value="提交"/>
    </form>
    <br><br>
    <!--定义按钮-->
    <button id="btn01">选择文本输入框并输出用户输入的值</button>
    <button id="btn02">选择密码输入框输出用户输入的密码</button>
    <button id="btn03">选择单选框的value属性值</button>
    <button id="btn04">选择文件上传框并输出用户选择的文件</button>
    <button id="btn05">选择复选框并输出用户选择的值</button>
</body>
</html>